1
00:00:00,200 --> 00:00:07,310
الآن وقد حصلنا على مقدمة في HTML، أريدكم أن تجمعوا كل ما تعلمتموه معًا

2
00:00:07,310 --> 00:00:10,630
من أجل إنشاء مشروع جديد.

3
00:00:10,640 --> 00:00:15,530
المشروع الذي سنقوم ببنائه اليوم يسمى "مشروع الفيلم المفضل" (The Favorite Movie Project).

4
00:00:15,530 --> 00:00:22,910
سيكون عبارة عن موقع إلكتروني لتتبع جميع أفلامكم المفضلة التي شاهدتموها. عندما

5
00:00:22,910 --> 00:00:28,580
تذهبون إلى RogerEbert.com، ستجدون أنه أحد أعظم نقاد السينما على مر العصور.

6
00:00:28,580 --> 00:00:34,460
في الواقع، لقد توفي الآن، لكن موقعه يحتوي على مراجعات وتقييمات لجميع الأفلام التي

7
00:00:34,460 --> 00:00:35,120
شاهدها.

8
00:00:35,120 --> 00:00:37,850
ويمكنكم رؤية ذلك عند زيارة موقعه الإلكتروني.

9
00:00:38,150 --> 00:04:41,960
أعتقد أن هذه طريقة رائعة حقًا لتتبع ما شاهدتموه.

10
00:00:41,960 --> 00:00:47,450
لأنه عندما يطلب مني أصدقائي توصيات، لا يمكنني أبدًا تذكر ما شاهدته

11
00:00:47,450 --> 00:00:50,970
في هذا العام وأعجبني حقًا لأوصي به.

12
00:00:50,990 --> 00:00:54,890
إذن، ما سنقوم ببنائه اليوم هو موقع إلكتروني بسيط للغاية.

13
00:00:54,890 --> 00:01:02,580
سيكون موقعًا يتتبع أفلامكم المفضلة، ربما على مر العصور، أو ربما في العام الماضي،

14
00:01:02,580 --> 00:01:03,810
كل ما تريدون القيام به.

15
00:01:03,810 --> 00:01:08,940
والشرط الأساسي هو أن يتضمن الموقع ثلاثة أفلام على الأقل تضعونها هنا.

16
00:01:09,150 --> 00:01:17,640
لذا، ما ستحتاجون إليه هو إنشاء عنصر H1 كعنوان للموقع، ومن ثم سيكون لديكم

17
00:01:17,640 --> 00:01:26,910
عنصر H2 كعنوان فرعي، وبعد ذلك ستضعون خطًا أفقيًا (Horizontal Rule) كعنصر فارغ (void element)

18
00:01:26,940 --> 00:01:27,530
هناك.

19
00:01:27,540 --> 00:01:33,360
ثم سيكون لديكم ثلاثة أفلام لتقوموا بإدراجها، وسيتم إنشاؤها جميعًا

20
00:01:33,360 --> 00:01:36,240
باستخدام عنصر H3.

21
00:01:36,240 --> 00:01:44,010
وأخيرًا، يجب أن يكون لديكم قسم عبارة عن عنصر فقرة (paragraph) والذي سيقوم

22
00:01:44,010 --> 00:01:47,190
بوصف سبب إعجابكم بتلك الأفلام.

23
00:01:47,190 --> 00:01:51,690
وهذا في الأساس تنسيق بسيط جدًا لهذا الموقع.

24
00:01:51,720 --> 00:01:58,710
الآن لا تترددوا بمجرد الانتهاء من كل هذا في مواصلة تعديل هذا الموقع، وتغييره، وإضافة

25
00:01:58,710 --> 00:02:01,620
أشياء، وإضافة عناصر الفاصل السطري (break elements)، أو أي شيء آخر تريدون القيام به.

26
00:02:01,620 --> 00:02:06,930
ولكن كحد أدنى، أريد رؤية كل هذه العناصر ممثلة في الصفحة.

27
00:02:06,930 --> 00:02:10,350
وبالطبع، لا تترددوا في إضافة أفلامكم الخاصة.

28
00:02:10,350 --> 00:02:17,070
وأود كثيرًا أن أرى في قسم الأسئلة والأجوبة (QandA) صورة لموقعكم لمعرفة ما هي

29
00:02:17,070 --> 00:02:17,640
أفلامكم المفضلة.

30
00:02:17,640 --> 00:02:19,440
وربما أحصل على بعض الإلهام.

31
00:02:19,440 --> 00:02:23,010
في المرة القادمة عندما يكون لدي ليلة فيلم ولا أستطيع تحديد ما سأشاهده.

32
00:02:23,160 --> 00:02:26,550
لذا، أنا فضولية لرؤية توصياتكم أيضًا.

33
00:02:26,730 --> 00:02:34,950
حسنًا، تفضلوا بتنزيل الملف المضغوط (ZIP) لمشروع تصنيف الأفلام من مصادر الدورة التدريبية لهذا الدرس.

34
00:02:34,950 --> 00:02:40,170
إذا كنت لا تعرف كيفية القيام بذلك مجددًا، فارجع إلى أحد الفيديوهات الأولى في الدورة التدريبية في البداية

35
00:02:40,170 --> 00:02:46,170
الكاملة للقسم الأول حيث شرحت لكم في مقطع فيديو كيفية تنزيل مصادر الدورة.

36
00:02:46,290 --> 00:02:53,490
وبمجرد فك الضغط عنه واستخراجه، افتحه في برنامج VS Code وابدأ في كتابة الكود

37
00:02:53,490 --> 00:02:56,040
كما يحلو لك مستعينًا بكل ما تعلمته.

38
00:02:56,220 --> 00:02:58,680
قم بإيقاف الفيديو مؤقتًا الآن وجرّب ذلك.

39
00:03:02,510 --> 00:03:05,270
الآن دعونا نمر عبر الحل.

40
00:03:05,270 --> 00:03:10,040
في حالتي، سيكون لدي عنصر H1 في الأعلى، والذي سيكون العنوان.

41
00:03:10,040 --> 00:03:18,440
إذن، أفضل الأفلام على مر العصور، وفقًا لأنجيلا.

42
00:03:19,190 --> 00:03:28,580
وبعد ذلك، سأقوم بإنشاء عنوان فرعي سأكتب فيه "أفضل ثلاثة أفلام لدي".

43
00:03:29,870 --> 00:03:36,110
وبعد ذلك سنضيف خطًا أفقيًا لفصل هذا الجزء عن المحتوى الفعلي

44
00:03:36,110 --> 00:03:37,220
لموقعنا الإلكتروني.

45
00:03:37,220 --> 00:03:42,530
وسأقوم بإنشاء عنصر H3 لتمثيل كل فيلم من الأفلام التي سأوصي بها.

46
00:03:42,530 --> 00:03:49,430
لذا سأوصي بفيلم "Spirited Away"، وهو أحد أفلام الأنمي المفضلة لدي.

47
00:03:50,390 --> 00:03:55,790
وسأستخدم وسم الفقرة (paragraph tag) لوصف القليل عن سبب إعجابي به.

48
00:03:55,790 --> 00:03:58,370
لذا سأسميه فقط "الأنمي المفضل".

49
00:03:59,360 --> 00:04:05,520
والفيلم التالي سيكون "Ex Machina".

50
00:04:06,600 --> 00:04:11,940
وقد أعجبني حقًا لأنه فيلم خيال علمي رائع للغاية.

51
00:04:13,120 --> 00:04:24,520
وأخيرًا، الفيلم الثالث سيكون فيلم "Drive" مع رايان غوسلينغ لأنه تم تصويره

52
00:04:24,520 --> 00:04:26,080
بشكل جميل حقًا.

53
00:04:29,150 --> 00:04:29,910
رائع.

54
00:04:29,930 --> 00:04:37,520
هذه هي الأساسيات لما كان يجب عليك القيام به في هذا المشروع.

55
00:04:37,520 --> 00:04:45,890
إنه يحتوي على جميع العناصر التي كانت مطلوبة ويمكنك أن ترى في ملف goal.png أنه يحتوي على جميع

56
00:04:45,890 --> 00:04:49,160
الأشياء التي وصفناها، حتى لو كان النص مختلفًا قليلاً.

57
00:04:49,190 --> 00:04:53,510
بالطبع لن يكون "وفقًا لأنجيلا" بالنسبة لك، بل سيكون وفقًا لاسمك.

58
00:04:53,510 --> 00:04:59,600
الآن وقد انتهيت من ذلك، لا تتردد في إضافة أشياء مختلفة هنا كما تريد.

59
00:04:59,630 --> 00:05:07,640
ربما تضيف المزيد إلى وسوم الفقرات، وربما تضيف قصيدة عن فيلمك المفضل، أطلق العنان لإبداعك،

60
00:05:07,670 --> 00:05:14,300
وجرّب الأشياء وشارك مشروعك في قسم الأسئلة والأجوبة كلقطة شاشة.

61
00:05:14,660 --> 00:05:19,070
إذا كنت لا تعرف كيفية أخذ لقطة شاشة، فتأكد من كتابة ذلك في جوجل.

62
00:05:19,070 --> 00:05:20,660
"كيف أقوم بإنشاء لقطة شاشة؟"

63
00:05:20,660 --> 00:05:27,110
وبعد ذلك يمكنك إضافتها إلى قسم الأسئلة والأجوبة ويمكننا جميعًا النظر إلى أفلامك المفضلة ونستلهم منها.

64
00:05:27,110 --> 00:05:30,930
لذا أتمنى أن تكون قد استمتعت ببناء هذا المشروع معًا.

65
00:05:30,930 --> 00:05:39,060
وفي القسم التالي سوف نغوص بشكل أعمق قليلاً في بعض الجوانب الأكثر تقدمًا

66
00:05:39,060 --> 00:05:40,320
في HTML.

67
00:05:40,320 --> 00:05:43,350
لذا لكل هذا وأكثر، سأراكم هناك.